草庐IT

css - Bootstrap : dropdown menu covers content

全部标签

javascript - 测试 CSS :hover with Jasmine

所以我有一个简单的div,当鼠标悬停时会根据我的css中的定义更改其背景:.my-class{background-color:#FFFFFF;}.my-class:hover{background-color:#F2F2F2;}我尝试用jasmine测试这种行为,但测试一直失败:it"Shadows.soboo-drop-itemwhenhover",->$('.my-class:first').trigger('mouseover')expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")Expecte

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

如果我使用的是字体并且没有粗体版本,我可以使用标签text-shadow,添加轮廓以使细字体更粗。但是我只有粗体,我想把它变细一点。我不知道要使用什么CSS或Javascript或jQuery脚本。是否可以使用CSS、Javascript或jQuery使粗体字体变细?怎么办? 最佳答案 您不能使字体变细。即使使用text-shadow使其更粗也是不真实的:它会产生扭曲的字体呈现,而不是更粗的字体。所以你应该根据你使用不同字体(包括不同粗细)的意图和每个字体家族中字体的可用性来选择你的字体系列。浏览器可以实现小于400的font-we

javascript - 即使延迟设置为 0,Bootstrap Notify 也会自动关闭

我正在尝试让BootstrapNotify警报保持可见,直到用户将其关闭,而不是自动关闭。为此,根据我对文档的理解,我将delay设置设置为0。这是我的JS文件,包含在bootstrap-notify.js之后:$(function(){varalertTemplate=$("#notify-template").html();$.notifyDefaults({target:"_self"},{type:"warning",delay:0,template:alertTemplate});});vartoasterNotify=function(alertTitle,alertMes

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 如何在 JSS 格式上编写多个 CSS 属性?

我想为我当前的工作制定一些变通办法,这需要实现才能在iOS9.3及其之前的版本上获得正确的结果。它需要修复这行CSS:.wrapping-element{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}我想进入JSS。我的尝试是这样的:conststyles={root:{display:'-webkit-box',display:'-moz-box',display:'-ms-flexbox',display:'-webkit-flex',displ

javascript - 使用 Selectize 和 Ajax 时在 Bootstrap 模式中显示 Rails 错误消息

我正在尝试构建一个应用程序,允许用户分享艺术家对其他艺术家的名言。例如,鲍勃·迪伦(BobDylan)引用约翰·列侬(JohnLennon)的话。因此,我的艺术家模型的设置方式允许艺术家既是引述的演讲者又是引述的主题,并且每个引述都属于作为引述者或主题的每个艺术家。当使用Selectize触发模态时,我无法在Bootstrap模态中显示Rails错误消息。我按照thisdemo使模态正常工作.模态框用于创建一个新的Artist来自quotes/new表单,但我无法获得Artist的错误消息在Bootstrap模式或报价/新页面上显示的模型。当我尝试在模式中创建触发错误消息(例如vali

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在可能已经有 Bootstrap 脚本的环境中加载它们?

我想在我的WordPress插件中使用来自Bootstrap的弹出窗口(及其工具提示依赖项)脚本。插件很可能会出现在已经有Bootstrap的环境中,我正在尝试确定如何以稳健的方式实现它。我可以尝试检查插件定义并动态加载脚本(如果它们不存在)(否则使用环境所具有的)。然而,时间安排似乎具有挑战性,因为其中一个脚本依赖于另一个脚本,并且加载同名插件并不能保证它是兼容的版本,甚至根本不能保证Bootstrap脚本。脚本似乎包含noConflict()功能,我可以尝试使用它来隐藏我自己的副本并在任何情况下忽略全局副本的存在。然而,我又一次不确定如何获得正确的机制,因为popover需要工具提

javascript - CSS3动画如何移动到某个关键帧?

假设我们有这样的动画:http://jsfiddle.net/utterstep/JPDwC/布局:backforward以及对应的CSS:@keyframessomeanimation{0%{width:100px;}50%{width:200px;}100%{width:100px;}}.animating{width:200px;height:200px;background-color:red;animation:someanimation5sinfinite;}我想在按后退或前进时转到下一个或上一个动画状态。可以有多个对象,我想同时切换它们的动画状态。是否可以通过CSS或CS

javascript - jQuery 和 Knockout 验证插件的 CSS 问题

问题:触发验证时CSS未更​​改场景:在我的元素中,我使用jQuery验证和knockoutvalidation。在knockout中,我有一个父模型绑定(bind)和子模型,它们是在按钮单击事件时动态生成的。验证:对于父模型绑定(bind),我有jQuery验证(使用模型验证)但是对于子模型,我有knockoutvalidation(因为模型中没有提到属性)问题:正在显示验证消息,但未绑定(bind)css错误类。对于我已经提到的knockoutvalidationko.validation.init({registerExtenders:true,messagesOnModifie